@charset "UTF-8";
html{-webkit-tap-highlight-color:transparent}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{text-decoration:none;outline:0;color:#666}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img{vertical-align:middle}
.img-responsive{max-width:100%;height:auto}
.img-stretch{width:100%;height:auto}
.bg-grey{background-color:#ecf1f5}
.mt-50{margin-top:50px}
.js-customtableswitch .title-item{cursor:pointer}
.js-customtableswitch .list-item{display:none}
.js-customtableswitch .list-item.show{display:block}
.js-tableswitch-list{display:none}
.js-tableswitch-list.show{display:block}
[role=button]{cursor:pointer}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
body,div,form,input,select,textarea,button,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dd,button{margin:0;padding:0}
input,textarea,frame,iframe,img,fieldset,input,textarea{border:0}
body{font-family:"Microsoft Yahei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;font-size:14px;line-height:1.5;min-height:100%;_background-attachment:fixed}
div,input,select,textarea,button{font-family:"Microsoft Yahei",tahoma,arial,Hiragino Sans GB,"\5b8b\4f53",sans-serif;resize:none;outline:0}
button{border:0}
object,input{vertical-align:middle}
table{border-spacing:0;border-collapse:collapse}
ul,ol,dl,dt,dd{list-style:none}
i,em{font-style:normal}
.rollfl{float:left}
.expand{width:100%;text-align:center}
html,body{margin:0;padding:0;color:#666;background:#fff;position:relative}
.page{float:left;width:100%;min-width:1200px}
.container{width:1200px;margin:0 auto;*zoom:1}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
.arrowtw:before,.arrowtw:after,.arrowbw:before,.arrowbw:after,.arrowlw:before,.arrowlw:after,.arrowrw:before,.arrowrw:after,.arrowtb:before,.arrowtb:after,.arrowbb:before,.arrowbb:after,.arrowlb:before,.arrowlb:after,.arrowrb:before,.arrowrb:after{content:'';border-width:6px;border-style:solid;position:absolute;top:50%;right:50%}
.arrowtw:before,.arrowtw:after,.arrowbw:before,.arrowbw:after,.arrowtb:before,.arrowtb:after,.arrowbb:before,.arrowbb:after{margin-right:-6px}
.arrowtw:before,.arrowtb:before{border-color:transparent transparent #222 transparent;margin-top:-8px}
.arrowtw:before{z-index:9}
.arrowtb:before{z-index:8}
.arrowtw:after,.arrowtb:after{border-color:transparent transparent #fff transparent;margin-top:-10px}
.arrowtw:after{z-index:8}
.arrowtb:after{z-index:9}
.arrowbw:before,.arrowbb:before{border-color:#222 transparent transparent transparent;margin-top:-5px}
.arrowbw:before{z-index:9}
.arrowbb:before{z-index:8}
.arrowbw:after,.arrowbb:after{border-color:#fff transparent transparent transparent;margin-top:-3px}
.arrowbw:after{z-index:8}
.arrowbb:after{z-index:9}
.arrowlw:before,.arrowlw:after,.arrowrw:before,.arrowrw:after,.arrowlb:before,.arrowlb:after,.arrowrb:before,.arrowrb:after{margin-top:-6px}
.arrowlw:before,.arrowlb:before{border-color:transparent #222 transparent transparent;margin-right:-2px}
.arrowlw:before{z-index:9}
.arrowlb:before{z-index:8}
.arrowlw:after,.arrowlb:after{border-color:transparent #fff transparent transparent;margin-right:-4px}
.arrowlw:after{z-index:8}
.arrowlb:after{z-index:9}
.arrowrw:before,.arrowrb:before{border-color:transparent transparent transparent #222;margin-right:-10px}
.arrowrw:before{z-index:9}
.arrowrb:before{z-index:8}
.arrowrw:after,.arrowrb:after{border-color:transparent transparent transparent #fff;margin-right:-8px}
.arrowrw:after{z-index:8}
.arrowrb:after{z-index:9}
.flex-hc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}
.flex-vc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}
.suspend{width:100%;position:fixed;top:0;left:0;z-index:9999}
.topnav{float:left;width:100%}
.topnav-height{float:left;width:100%;height:30px;background:#222;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.topnav-height .property{float:left;height:100%;margin-left:20px;cursor:pointer}
.topnav-height .property-text{float:left;margin:4px 0 0;color:#fff;font-size:12px;height:22px;line-height:22px}
.topnav-height .property-icon{float:left;width:22px;height:22px;margin:4px 0 0;position:relative}
.topnav-height .cooperation{float:right;margin:6px 20px 0 0;width:60%;height:18px;overflow:hidden}
.topnav-height .cooperation .item{float:left}
.topnav-height .cooperation .item-icon{float:left;width:18px;height:18px;background-image:url(../images/global/cooperation-icon.jpg);background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto}
.topnav-height .cooperation .item-icon.oracle{background-position:0 0}
.topnav-height .cooperation .item-icon.microsoft{background-position:0 -18px}
.topnav-height .cooperation .item-icon.unity{background-position:0 -36px}
.topnav-height .cooperation .item-icon.baidu{background-position:0 -54px}
.topnav-height .cooperation .item-icon.puhua{background-position:0 -72px}
.topnav-height .cooperation .item-icon.xinkaipu{background-position:0 -90px}
.topnav-height .cooperation .item-icon.ruiqi{background-position:0 -108px}
.topnav-height .cooperation .item-icon.huawei{background-position:0 -126px}
.topnav-height .cooperation .item-icon.tencent{background-position:0 -144px}
.topnav-height .cooperation .item-text{float:left;padding:0 16px 0 10px;height:18px;line-height:18px;font-size:12px;color:#fff}
.topnav-grouptip{float:left;width:100%;height:0;visibility:hidden;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden}
.topnav-grouptip.show{height:110px;visibility:visible}
.topnav-grouptip .list{float:left;width:100%;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.topnav-grouptip .list-item{float:left;width:16%;padding-right:4%}
.topnav-grouptip .list-item>.title{float:left;font-size:14px}
.topnav-grouptip .list-item .title-text{float:left;height:22px;line-height:20px;color:#0d8de9}
.topnav-grouptip .list-item.now .title-text{color:inherit}
.topnav-grouptip .list-item .title-icon{float:left;width:22px;height:22px;margin-left:10px;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.topnav-grouptip .list-item:hover .title-icon{margin-left:20px}
.topnav-grouptip .list-item .title-icon:before{border-left-color:#0d8de9}
.topnav-grouptip .list-item.now .title-icon{display:none}
.topnav-grouptip .list-item>.detail{float:left;width:100%;margin-top:6px;font-size:14px}
.header{float:left;width:100%;height:60px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);position:relative}
.header .logo{float:left;margin-left:20px}
.header .logo-img{float:left;margin:9px 0 0;width:227px;height:42px}
.header .navbar{float:right;margin-right:20px}
.header .navbar-wrapper{float:left}
.header .dropdown{float:left;position: relative;width: 90px;}
.header .dropdown-title{float:left;padding:0 12px;color:#000;height:60px;line-height:60px;cursor:pointer;font-size: 14px;}
.header .dropdown:hover>.dropdown-title{color:#0d8de9}
.header .dropdown-menu{display:none;line-height:50px;font-size:12px;position:absolute;left:50%;transform:translate(-50%,0);top:60px;text-align:center;z-index:9;background:rgba(255,255,255,.8);background:#fff;}
.header .dropdown:hover>.dropdown-menu{display:block}
.header .dropdown-menu>.box{background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.1);position:absolute;left:50%;top:0;z-index:9;width: 150px;display: flex;flex-direction: column;transform: translate(-50%, 0);}
.header .dropdown-menu>.box.profile{margin-left:0px}
.header .dropdown-menu>.box.education{margin-left: 0px}
.header .dropdown-menu>.box.technology{margin-left:0px}
.header .dropdown-menu .box-item{float:left;padding:0 14px;position:relative;z-index:9}
.header .dropdown-menu .box-item>a{float:left;width:100%;color:#111;position:relative;font-size:14px;}
.header .dropdown-menu .box-item:hover>a{color:#0d8de9}
.header .dropdown-menu .box-item>a:after{content:'';width:0;height:2px;background:#0d8de9;position:absolute;left:50%;bottom:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.header .dropdown-menu .box-item:hover>a:after{width:100%;left:0}
.header .search{float:right;width:60px;height:60px;position:relative;z-index:9}
.header .search:hover{background-color:#f3f3f3}
.header .search::before{content:'';float:left;width:100%;height:100%;background-image:url(../images/global/search.png);background-repeat:no-repeat;background-position:center center;background-size:24px auto;cursor:pointer}
.header .search>.form{float:left;width:220px;padding:20px 30px;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);visibility:hidden;opacity:0;transition:all .3s;position:absolute;top:60px;right:0;z-index:0}
.header .search:hover>.form{visibility:visible;opacity:1}
.header .search .form-control{float:left;width:120px;height:36px;padding:0 20px;background-color:#f3f3f3}
.header .search .form-btn{float:left;width:60px;height:36px;line-height:36px;color:#fff;cursor:pointer;background-color:#0d8de9}
.contents{float:left;width:100%}
.c-wrapper{float:left;width:100%}
.c-wrapper.bg-grey{background:#f3f3f3}
.c-title{float:left;width:100%;margin:40px 0 20px;font-size:28px;font-weight:400;color:#000;text-align:center}
.c-title>a{color:#000}
.c-subtitle{float:left;display:block;width:100%;margin:0 0 20px;font-weight:400;color:#888;text-align:center}
.c-intro{float:left;width:100%;margin:0 0 20px;line-height:1.8}
.ani-100,.ani-200,.ani-300,.ani-400,.ani-500,.ani-600,.ani-700,.ani-800,.ani-900,.ani-1000{opacity:0;filter:alpha(opacity=0);transform:translateY(50px)}
.ani-100.show,.ani-200.show,.ani-300.show,.ani-400.show,.ani-500.show,.ani-600.show,.ani-700.show,.ani-800.show,.ani-900.show,.ani-1000.show{opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transition:all 1s ease .1s;-moz-transition:all 1s ease .1s;-ms-transition:all 1s ease .1s;-o-transition:all 1s ease .1s;transition:all 1s ease .1s}
.footer{float:left;width:100%;background:#f0f0f0}
.footer-content{float:left;padding:20px 0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.footer-content .contact{float:left;max-width:60%}
.footer-content .contact-title{float:left;width:100%;font-weight:400}
.footer-content .contact-title>.cn{float:left;margin-right:20px;font-size:24px}
.footer-content .contact-title>.en{float:left;line-height:42px}
.footer-content .contact-text{float:left;margin:0 0 10px;width:100%;font-size:16px}
.footer-content .contact-wrapper{float:left;width:100%}
.footer-content .contact-wrapper>.title{float:left;width:100%;font-size:16px}
.footer-content .contact-wrapper .title-item{float:left;margin:0 20px 0 0;padding:4px 14px;color:#bbb;text-align:center;border:1px solid #bbb;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;z-index:9;cursor:pointer}
.footer-content .contact-wrapper .title-item:after{content:"";position:absolute;top:50%;right:-21px;z-index:-1;width:18px;border:1px solid #bbb}
.footer-content .contact-wrapper .title-item:last-child:after{border:0}
.footer-content .contact-wrapper .title-item:hover,.footer-content .contact-wrapper .title-item.active{color:#888;border-color:#888}
.footer-content .contact-wrapper>.content{float:left;width:100%;min-height:116px}
.footer-content .contact-wrapper .content-list{float:left;padding:6px 0;width:100%;min-height:78px}
.footer-content .contact-wrapper .content-list>p{float:left;margin:0;width:100%;height:26px;line-height:26px}
.footer-content .consult{float:right;max-width:36%}
.footer-content .consult-wechat{position:relative;float:right;width:180px;margin-top:10px}
.footer-content .consult-wechat>.img{float:left;width:100%}
.footer-content .consult-wechat>.img>img{float:left;width:100%}
.footer-content .consult-wechat>.text{float:left;width:100%;margin-top:10px;text-align:center}
.footer-content .consult-tel{float:right;width:100%;margin:4px 0 0;font-size:20px;text-align:right}
.footer-content .consult-phone{float:right;margin:4px 0 0;padding:8px 14px;border:1px solid #6f6965;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer}
.footer-content .consult-phone>.icon{float:left;width:25px;height:20px;background-image:url(../images/global/footer-icon.png);background-repeat:no-repeat;background-position:0 -38px}
.footer-content .consult-phone>.text{float:left;margin-left:10px;height:20px;line-height:20px;font-size:16px}
.footer-content .consult-phone:hover{color:#fff;background:#6f6965}
.footer-content .consult-phone:hover>.icon{background-position:-25px -38px}
.footer-content .consult-phone:hover>.text{color:#fff}
.footer-content>.more{float:left;width:100%;margin-top:20px;text-align:center}
.footer-content .more-text{display:inline-block;padding:6px 20px;border:1px solid #ddd;background:#fff}
.footer-content .more-text>.blue{color:#3eaced}
.footer-content .more-text>a{text-decoration:underline}
.footermenu{float:left;width:100%;padding:20px 0;background:#333;overflow:hidden}
.footermenu-link{float:left;width:100%;margin-bottom:20px;color:#888}
.footermenu-link>.title{float:left}
.footermenu-link>.item{float:left;margin-right:12px;color:#888}
.footermenu-link>.item:hover{color:#ddd}
.footermenu-list{float:left;width:100%}
.footermenu-list>.menu-item{float:left}
.footermenu-list>.menu-item>a{float:left;padding:0 12px;color:#ddd;line-height:1.2;border-right:2px solid #bbb}
.footermenu-list>.menu-item>a:hover{text-decoration:underline}
.footermenu-list>.menu-item:last-child>a{border-right:0}
.copyright{float:left;width:100%;padding:10px 0;background:#222;overflow:hidden}
.copyright-text{float:left;margin:0;width:100%;height:18px;line-height:18px;font-size:12px;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.copyright-text a{color:#888}
.copyright-text a:hover{text-decoration:underline}
.copyright-text img{max-height:18px}
.crumbs{float:left;padding:20px 0;width:100%;border-bottom:1px solid #ddd}
.crumbs-content{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.crumbs-locate{position:relative;float:left;height:26px;line-height:26px}
.crumbs-locate>.item{float:left}
.crumbs-locate>.item>a{float:left;height:26px;line-height:26px}
.crumbs-locate>.item:hover>a{color:#0d8de9}
.crumbs-locate>.icon{position:relative;float:left;width:30px;height:26px}
.crumbs-locate>.icon.arrowrb:before{border-left-color:#666}
.crumbs-menu{float:right}
.crumbs-menu>.item{float:left;margin-left:14px;height:26px}
.crumbs-menu>.item>a{float:left;padding:0 12px;height:100%;line-height:26px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.crumbs-menu>.item.active>a,.crumbs-menu>.item:hover>a{color:#fff;background:#0d8de9}
.photo-list3,.photo-list4{float:left;width:100%}
.photo-list3>.item{float:left;width:32.6666667%;min-height:160px;margin:14px 1% 0 0;position:relative}
.photo-list4>.item{float:left;width:24.25%;min-height:140px;margin:14px 1% 0 0;position:relative}
.photo-list3>.item:nth-child(3n),.photo-list4>.item:nth-child(4n){margin-right:0}
.photo-list3 .item-text,.photo-list4 .item-text{width:100%;padding:4px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:left;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;display:-webkit-flex;display:flex;flex-flow:column wrap;justify-content:center}
.photo-list3>.more,.photo-list4>.more{float:left;width:100%;margin:20px 0 0;text-align:center}
.photo-list3 .more-text,.photo-list4 .more-text{float:left;width:14%;margin:10px 43% 0;padding:8px 0;font-size:18px;color:#0d8de9;text-align:center;border:1px solid #0d8de9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.photo-list3 .more-text:hover,.photo-list4 .more-text:hover{color:#fff;background:#0d8de9;border-color:#0d8de9}
.photo-list4.separate .item-text{position:relative;float:left;background:transparent;color:#666;min-height:54px}
.js-showmask{position:relative;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.js-showmask:hover{-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);-ms-transform:translate3d(0,-6px,0);-o-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}
.js-showbox{display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%}
.js-showbox>.bg{float:left;width:100%;height:100%;background:rgba(0,0,0,.8)}
.js-showbox>.wrapper{position:absolute;top:50%;left:50%;height:80%;z-index:9;padding:20px;background:rgba(255,255,255,.8);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:0 0 16px rgba(255,255,255,.8);-webkit-box-shadow:0 0 16px rgba(255,255,255,.6);-box-shadow:0 0 16px rgba(255,255,255,.6);overflow:hidden;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.js-showbox>.wrapper .content{float:left;width:100%;height:100%;display:-webkit-flex;display:flex;flex-flow:column wrap;justify-content:center}
.js-showbox>.wrapper img{float:left;max-height:100%}
.js-showbox>.wrapper>.close{display:none;position:absolute;top:0;right:10px;color:#888;font-size:32px;cursor:pointer;z-index:19}
.js-showbox>.wrapper:hover>.close{display:block;margin:0 0 0 -300px}
.js-showbox>.wrapper>.close:hover{color:#0d8de9}
.venice{width:80px;position:fixed;right:0;top:14%;z-index:9999}
.venice-list{float:left;width:100%}
.venice-list>.title{float:left;width:100%}
.venice-list .title-img{float:left;width:100%;height:75px;background:url(../images/global/venice-titleimg.jpg) no-repeat center center;-webkit-background-size:cover;background-size:cover;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}
.venice-list .title-img2{float:left;width:100%;height:75px;background:url(../images/global/venice-titleimg2.png) no-repeat center center;-webkit-background-size:cover;background-size:cover;}
.venice-list>.item{float:left;width:100%;cursor:pointer;position:relative}
.venice-list .item-text{float:left;width:100%;padding:6px 6px;text-align:center;color:#6a97e8;border:1px dotted #6a97e8;background:#fff;box-sizing:border-box;border-top:0}
.venice-list .item-text:hover{color:#fff;border-style:solid;background:#6a97e8}
.venice-list .item-img{float:left;width:120px;height:120px;background:#fff;border:1px dotted #6a97e8;border-right:0;visibility:hidden;opacity:0;transition:all .3s;position:absolute;left:-121px;z-index:9}
.venice-list>.item.show>.item-img{top:-1px}
.venice-list>.item.showbot>.item-img{bottom:-1px}
.venice-list>.item:hover>.item-img{visibility:visible;opacity:1}
.venice-list .item-img>img{float:left;width:100%}
.venice-list>.backtop{display:none;float:left;width:100%;padding:4px 0;color:#fff;background:#367ae5;cursor:pointer}
.venice-list>.backtop.show{display:block}
.venice-list>.backtop:hover{background:#6a97e8}
.venice-list .backtop-icon{float:left;width:100%;height:24px;position:relative}
.venice-list .backtop-icon:before,.venice-list .backtop-icon:after{content:'';width:0;height:0;border-style:solid;border-width:10px;position:absolute;left:50%;top:50%;margin-left:-10px}
.venice-list .backtop-icon:before{border-color:transparent transparent #367ae5 transparent;z-index:9;margin-top:-14px}
.venice-list>.backtop:hover>.backtop-icon:before{border-color:transparent transparent #6a97e8 transparent}
.venice-list .backtop-icon:after{border-color:transparent transparent #fff transparent;z-index:8;margin-top:-16px}
.venice-list .backtop-text{float:left;width:100%;text-align:center}
.videoplay-box>.item{float:left;overflow:hidden;background-color:#f1f1f1}
.videoplay-box .item-img{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;position:relative;z-index:9}
.videoplay-box .item-img>.mask,.videoplay-box .item-img>.arrow{position:absolute}
.videoplay-box .item-img>.mask{width:100%;height:100%;background-color:rgba(0,0,0,.2);top:0;left:0;z-index:1}
.videoplay-box .item-img>.arrow,.videoplay-box .item-box .videoshow .vjs-big-play-button{width:80px;height:80px;margin:-40px 0 0 -40px;border:2px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer;background-color:rgba(0,0,0,.6);left:50%;top:50%;z-index:2}
.videoplay-box .item-img>.arrow:after,.videoplay-box .item-box .videoshow .vjs-big-play-button:before{content:'';position:absolute;left:50%;top:50%;z-index:9;margin:-18px 0 0 -8px;width:0;height:0;border-style:solid;border-width:18px 0 18px 24px;border-color:transparent transparent transparent #fff}
.videoplay-box .item-img,.videoplay-box .item-box{display:none;height:100%}
.videoplay-box .item-img.active,.videoplay-box .item-box.active{display:block}
.videoplay-box .item-box{float:left;width:100%;height:100%;overflow:hidden}
.videoplay-box .item-box .videoshow{position:relative;float:left;width:100%;height:100%}
.videoplay-box .item-box .videoshow button{outline:0}
.videoplay-box .item-box .videoshow .vjs-big-play-button .vjs-icon-placeholder{display:none}
.aboutvideo-box{float:left;width:360px;border-radius:12px;overflow:hidden;position:fixed;left:10px;bottom:10px;z-index:999999}
.aboutvideo-box.hide{display:none}
.aboutvideo-box>.item{width:360px;height:208px}
.aboutvideo-box>.close{float:left;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;font-size:24px;cursor:pointer;position:absolute;top:10px;right:10px;z-index:99}
.aboutvideo-box>.close:hover{color:#0d8de9}

.cus_qb_box {
    position: absolute;
    right: 50px;
    bottom: 0;
    color: #666666;
    display: flex;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
}

.cus_qb_box img {
    height: 17px;
    margin-left: 5px;

}

.cus_course_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    margin: auto;
}
.cus_course_item{
    cursor: pointer;
}

/* 导航 */
.cus_nav_course_box_parent{
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50px;*/
    /*transform: translate(-50%, 0);*/
}
.cus_nav_course_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1100px;
}
.cus_course_item_bt{
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    border-radius: 5px;
    cursor: pointer;
}
/* 公共底部内容 */
.p-footer { background: #404452;padding:9px 0; float: left;width: 100%;margin-top: 50px;}
.foot { width:1200px;margin:0 auto;display: flex;color:#fff;align-items: center; }
.bar {width: 1px;height: 185px;background:url(../images/global//bar2.png) no-repeat 0 0;margin:0 36px 0 59px; }
.f-info { flex:1; }
.f-map { padding-bottom:33px; }
.f-map{display: flex;justify-content: space-between;  }
.f-map a { color:#fff; }
.f-tips { color:#fff;font-size:14px;display: flex; }
.f-tips p { padding-right:60px;line-height: 32px; }
.f-map a:hover { color:#999; }